html,body {font-size:18px;}
@media screen and (max-width: 1680px) {
    html,body {font-size:18px;}
}
@media screen and (max-width: 1440px) {
    html,body {font-size:17px;}
}
@media screen and (max-width: 992px) {
    html,body {font-size:16px;}
}
@media screen and (max-width: 767px) {
    html,body {font-size:15px;}
}
@media screen and (max-width: 414px) {
    html,body {font-size:14px;}
}
body{font-family:"hwhm",Verdana,Arial, Geneva,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","sans-serif" !important;}
ul,li{list-style: none; margin:auto; padding: 0px;}
i,em{font-style: normal;}
a:hover{text-decoration: none;}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}
.row.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

:root {
	--ff1:cursive;
	--ff2:"Trebuchet MS";
	--ff3:"Times New Roman";
	--ff4:"HelveticaNeueCE";
	--color1: #0426a1;
	--color1-90: rgb(4 38 161 / 90%);
	--color1-h:#d41a1f;
	--color2:#28a745;/*绿色*/
	--color3:#004b97;
	--color-b-20: rgb(0 0 0 / 20%);
	--mask-color:#F18F01;
	--mask-hover-color:#DF2935;
	--text-dark1-color: #000000;
	--text-dark-color: #333333;
	--text-middle-color: #666666;
	--text-light-color: #999999;
	--light-line-color:#eeeeee;
	--light-bg-color: #f7f7f7;
	--bg-color1:#f5f5f5;
	--bg-color2:#f0f0f0;
	--white:#FFFFFF; 
	--t1:40px;
	--t2:34px;
	--t3:30px;
	--t4:26px;
	--t5:20px;
	--t-rem-1:2rem;
	--t-rem-2:1.2rem;
	--t-rem-3:1.1rem;
	--p1-size:14px;
	--p2-size:16px;
	--p3-size:18px;
	--line-height:1.8rem;
	--line-height2:2rem;
	--line-height20:20px;
	--line-height34:34px;
	--letter-spacing:1.5px;
	--font-wt-b:bold;
	--font-wt-500:500;
	--box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04);
	--box-shadow-h: 1px 20px 30px #C4C4C433;
	--box-shadow1:1px 1px 5px rgb(0 0 0 / 80%);
	--box-shadow2:2px 0px 5px rgb(0 0 0 / 35%);
}

@font-face {font-family:"Gothic";src:url("../font/Gothic.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Gothic-Bold";src:url("../font/Gothic-Bold.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Roboto";src:url("../font/Roboto.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Raleway";src:url("../font/Raleway.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Raleway-Bold";src:url("../font/Raleway-Bold.ttf");font-weight:normal;font-style:normal;}

@font-face {
font-family: 'hwhm-b';
src: url("../font/HarmonyOS_Sans_SC_Bold.ttf");
}
@font-face {
font-family: 'hwhm-bl';
src: url("../font/HarmonyOS_Sans_SC_Black.ttf");
}
@font-face {
font-family: 'hwhm-l';
src: url("../font/HarmonyOS_Sans_SC_Light.ttf");
}
@font-face {
font-family: 'hwhm-m';
src: url("../font/HarmonyOS_Sans_SC_Medium.ttf");
}
@font-face {
font-family: 'hwhm-r';
src: url("../font/HarmonyOS_Sans_SC_Regular.ttf");
}

@font-face {font-family: 'Poppins-Bold';src: url("../font/Poppins-Bold.ttf");}
@font-face {font-family: 'Poppins-Light';src: url("../font/Poppins-Light.ttf");}
@font-face {font-family: 'Poppins-Medium';src: url("../font/Poppins-Medium.ttf");}
@font-face {font-family: 'Poppins';src: url("../font/Poppins-Regular.ttf");}
@font-face {font-family: 'Poppins-SemiBold';src: url("../font/Poppins-SemiBold.ttf");}

.center{width: 1600px;margin: 0 auto;}
@media (max-width: 1600px){.center{width: 96%;}}
.semibold {
	font-weight: 400;
}
.main-boxs .container{max-width:1280px;}
.station .container{max-width:1280px;}
.station{height: 65px;line-height: 65px;background: #f5f6f9;width: 100%;border-bottom: 1px solid #eaebef;overflow: hidden; font-size:15px;}
.station .center{display: flex;justify-content: space-between;}
.station ul{display: flex;margin-left: 0px;}

.loca-col{max-width: 70%;}
.loca-col li{margin-right: 2vw;position: relative;height: 65px;display: flex;align-items: center;}
.loca-col li:last-child{margin-right: 0;}
.loca-col li a{color: #333;line-height: normal;font-size: 16px;}
.loca-col li.cur:after{position:absolute;bottom:0;left:0;width:100%;text-align:center; display:block;}
.loca-col li:after{display:block;content:"";margin:0 auto;text-align:center;z-index:1;height:4px;width:0;overflow: hidden; transition:all ease-in-out 300ms;background-image: -webkit-linear-gradient(left, #004498, #8bc9f1);}
.loca-col li:hover i,.fl-col li.cur i{width:100%;}
.loca-col li:hover a,.fl-col li.cur a{color: #004498;}

.loca-wz:before{content:"\e659"; font-family: "iconfont"; font-size:16px; color:#014998; padding-right:6px; display: block;}
.loca-wz{background: url(../images/loca.png) no-repeat left;padding-left: 28px;color: #999; display:flex; align-items: center; justify-content: flex-start;}
.loca-wz a{color: #999;}
.loca-wz a:hover{color: #666;}

.container.no-gutter{padding-right: 0;padding-left: 0;}
.moduleBox{display: inline-block;}
.bg--white{background: #FFFFFF;}
.pc-s{display:block;}.pc-h{display: none;}
.wrap { max-width: 1500px; margin:auto; width:100%;padding: 0px;}

@media screen and (max-width: 1023px){
	.wrap { max-width: 100%; margin:auto; width:100%;overflow: hidden;}
	.pc-s{display:none;}
	.pc-h{display: block;}
}
.sy-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 5;
    opacity: 0;
    transition: opacity .25s ease-in-out;
}

@keyframes sy-animation-bottom-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
    transform-origin: 84% 84%; }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
    transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes sy-animation-bottom-right1 {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
    transform-origin: 84% 84%; }
  100% {
    -webkit-transform: scale(1.1) translate(20px, 15px);
    transform: scale(1.1) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes sy-animation-bottom-right-out {
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
    transform-origin: 84% 84%; }
  0% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
    transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; } }
@keyframes sy-animation-bottom-right-out {
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
    transform-origin: 84% 84%; }
  0% {
    -webkit-transform: scale(1.1) translate(20px, 15px);
    transform: scale(1.1) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; } }

.btn2 a{display:flex;}
.btn2 span{color: #ffffff;border-color: #124575;background: #124575; font-size:14px;}
.btn2 span {
    display: inline-flex;
    align-items: center;
    height: 3rem;
    border: 1px solid transparent;
    transition: color 0.2s ease, border 0.2s ease, background 0.2s ease;
}
.btn2 .btn-text {
    padding: 0.9rem 1.6rem;
}
.btn2:hover .btn-text{color: #124575;border-color: #124575;background: transparent;}
.btn2 .btn-addon {
    padding: 0.9rem 1.3rem;
    margin-left: 2px;
    font-size: 1.2rem;
}

.box-shadow-01{
        box-shadow: 0 20px 25px -12px rgba(0,0,0,0.09);
}
.box-shadow-02 {
    box-shadow: 0px 0px 30px rgba(115,128,157,0.1);
}


/*通用头部*/
.top_bar{height: 44px;background: #124575;}
.top_bar_c{height:44px; margin:auto;font-size: 14px;}
.top_bar_c.wrap{max-width:1400px;}
.top_bar_c .lan span{float: left; margin-right:5px;}
.top_bar_c .desc{ float:left; margin-left:0px; line-height: 50px;color: #555;padding-left: 0px;}
.top_bar_c .top_lj{ float:right; line-height:44px; color:#FFF;margin-right: 0px;}
.top_lj span{font-size:14px; color:#ffc227;font-weight: bold;line-height: 44px; margin-right:5px;margin-top: auto;}
.top_lj .top_tel{color:#555; font-size:12px;background: url("top_m.png") center left no-repeat; padding-left: 20px;}
.top_lj a.l_c{ background:url("lang1.gif") no-repeat; width:16px; height:11px; float:left; margin-right:5px;margin-top: 15px;line-height: 20px;text-align: center;}
.top_lj a.l_e{ background:url("lang2.gif") no-repeat; width:16px; height:11px; float:left;margin-right: 10px;margin-top: 15px;line-height: 20px;text-align: center;}
.top_lj a.l_j{ background:url("l_j.jpg") no-repeat; width:30px; height:20px; float:left;margin-top: 0px;line-height: 20px;text-align: center;}
.top_lj a{ margin-left:5px;margin-right:5px;color: #555;}

.top_bar_c .desc .n_j{background: url(n_j.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}
.top_bar_c .desc .n_c{background: url(n_c.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}
.top_bar_c .desc .n_e{background: url(n_e.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}
.top_bar_c .desc .n_a{background: url(n_a.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}

/*******************************************************     header      **************************************************************/
.navbar-brand{display: flex !important;align-items: center;padding: 0px !important;}
.navbar-brand .navbar-name{margin-left: 10px;}
.navbar-name-m{display: none;}
.navbar-name h3{font-size:24px; font-weight: bold;color:#ffffff;padding-bottom: 5px;margin: auto;}
.navbar-name h5{font-size:14px; font-weight: 300;color:#ffffff; text-transform: uppercase;margin: auto;}
.head{position:relative;z-index: 10002;background: rgba(255, 255, 255, 1) url("/images/bg/bg-top.jpg");height: auto;padding: 10px 0px 15px 0px;box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}
.head .sy-content-wrapper{height: 100%;width: 100%;display: flex; justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.head .wrap{display:flex;align-items: center;padding: 0px 0px;padding: 0px 90px;max-width: none !important;}
.head .h_desc{margin-left:0px; width:auto; height:100%; margin-top:0px; text-align:left; padding-left:0px; padding-top:0px;}
.header_logo{float:left; padding:0px 0px 0px 0px;width: auto;    position: relative;}
/*.header_logo:after{ content:''; display: block; width: 15px;height:60px; background: url("/images/icon/top_line.png") no-repeat;position: absolute;top: 25px;right: -10px;}*/
/*.header_logo:after{ content:''; display: block; width: 15px;height:60px; background: url("/images/icon/top_line.png") no-repeat;position: absolute;top: 30px;right: -10px;}*/
.navbar.headFlex,.navbar.ny.headFlex{position: fixed;
    width: 100%;
    transition: 0.3s;
    z-index: 1000;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
    top: 0px;
}
.navbar.headFlex .navbar-name h3,.navbar.headFlex .navbar-name h5{color:#000000;}
.navbar .logo-sm-height{display:none;}
.navbar .logo-w{display:block;}
.navbar.headFlex .logo-sm-height{display:block;}
.navbar.headFlex .logo-sm-height.logo-w{display:none;}
.navbar.ny{width: 100%;
    transition: 0.3s;
    z-index: 1000;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);position: relative;}
.navbar.ny .navbar-name h3,.navbar.ny .navbar-name h5{color:#000000;}
.main-navigation.ny ul li a {
    color: #333;
}
.header_t h3{font-size:26px; color:#e50213; font-weight: bold;}
.headFlex{position: fixed;width: 100%;}
.h_desc h3{color: #333333;
    font-size: 20px;
    padding-top: 0px;
    text-transform: uppercase;
    display: block;
    clear: both;
    width: auto;
	font-weight: bold;margin-bottom: 5px;
}
.h_desc h3 em{color:#fd002d; font-style: normal;font-size: 25px;font-weight: bold;}
.h_desc h5{font-size: 16px;
    color: #333;
    padding-top: 0px;
    padding-left: 0px;
    display: block;
	font-weight: 500;
}
.head_top{position:relative;z-index: 2; *height:122px;}
.head_r{width:auto; position:relative;margin-top: 0px; margin-left:auto;display: flex;}
.head_r a{    font-size: 2rem;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin-top: 15px;
    padding: 0px;}
.head_r a:hover{cursor: pointer; color:#af263c;}

.dh_mobile{ display:none;}
.panel_box{ display:none;}
.TopStyle{margin:43px 0px 0px 0px;}

.header_t {
    float: left;
    display: block;
    width: auto;
    margin-left: 20px;
	margin-top: 35px;
}

.head_r .nav{position:absolute;width:100%;top:34px;left:0;height: 70px;}
.head_r .lan{position: absolute;top: 5px;right: 50px;text-align: left; display: none;}
.head_r .lan span{float: left;margin-right: 5px;color: #5d5c5c; font-size: 12px; font-weight: 500;}
.head_r .lan a{color: #ccc;}
.head_r .lan a:hover{color: #edc53f;}
.head_r .lan a.l_c{ background:url("l_c.jpg") no-repeat; width:31px; height:21px; float:left; margin-right:5px;margin-top: 0px;line-height: 70px;text-align: center;}
.head_r .lan a.l_e{ background:url("l_e.jpg") no-repeat; width:31px; height:21px; float:left;margin-top: 0px;line-height: 70px;text-align: center;}

.head_r .head_400{width:auto; padding-left: 0px; font-size: 25px; color: #4ab344; padding-top: 0px; margin-top: 0px;display: flex;margin-right: 20px;    align-items: center;}
.head_r .head_400:nth-last-child(1){margin-right:0px;}
.head_r .head_400 em{margin: auto;}
.head_r .head_400 em:after{content: "\e880";
    font-family: "iconfont" !important;
    line-height: initial;
    color: #fff;
    background: #e70012;
    padding: 2px;
    border-radius: 50px;
    font-size: 1em;}
.head_r .head_400 .top_tel{margin-top:0px;padding-left: 10px; height: 50px;display: flex;flex-direction: row; font-size: 26px; color: #333; text-align: left; font-weight: 500;line-height: normal;align-items: center;}
.top_tel div{display: block;height: 31px;line-height: 31px;font-size: 25px;color: #333333;}
.top_tel div:nth-child(1) {display: block;height: 33px;line-height: 33px;font-size: 28px;color: #009237;}
.head_r .head_400 h3{ font-size: 1rem; color: #000; text-align: left; font-weight: 300;line-height: 0px;margin: auto;}
.colsbox,.m_lan{display:none;}
.head_r .head_400 a{ font-size: 1.8rem; color: #e70012; text-align: left; font-weight: bold;line-height: 0px;}

.colsbox,.m_lan{display:none;}
.colsbox,.m_lan{display:none;}
.head_lan{     display: inline-block;
		position: absolute;
		z-index: 1000;
		right: 320px;
		top: 55px;
		height: 75px;
		line-height: 64px;}
	.head_lan a{width:auto; height:20px; float:left; margin-right:5px;margin-top: 0px;line-height: 20px;text-align: center; padding-left:35px; padding-right:20px; color:#333;}
	.head_lan a:hover{ color:#F00;}
	.head_lan a.l_c{ background:url("/images/icon/l_c.jpg") left center no-repeat;}
	.head_lan a.l_e{ background:url("/images/icon/l_e.jpg") left center no-repeat;}
.head_lan_m{display: none;}


@media screen and (max-width: 1023px){
	.top_bar{display: none;}
	.head{height:auto;}
	.headFlex{display:none;}
	.head .h_desc{ float:left; margin-left:0px; width:100%; height:auto; margin-top:0px; text-align:left; padding:0px;}
	.h_desc h3{color:#000000; font-size:25px;}
	.h_desc h5{font-size:14px;color: #333333;font-weight: 500;}
	.head_r{display: none;}
	.mobile-menus{margin-top:-60px;}
	.header_t{display: none;}
	.head_lan{display:none;}
	.head_lan_m{     display: inline-block;
		position: absolute;
		z-index: 1000;
		left: 250px;
		top: 67px;
		height: 45px;
		line-height: 64px;}
	.head_lan_m a{width:auto; height:20px; float:left; margin-right:5px;margin-top: 0px;line-height: 20px;text-align: center; padding-left:40px; padding-right:0px; color:#333;}
	.head_lan_m a:hover{ color:#F00;}
	.head_lan_m a.l_c{ background:url("/images/icon/l_c.jpg") left center no-repeat;}
	.head_lan_m a.l_e{ background:url("/images/icon/l_e.jpg") left center no-repeat;}
}

/*******************************************************     nav      **************************************************************/

.nav{width:100%;height: 60px; float:left; background:#1056a0 repeat-x; margin-bottom: 1px;border-top: 0px solid #d4d4d4;z-index: 10;position: relative;}
.nav-links{width:auto; display: flex;margin-right:0px;}
.nav ul li i{width:17px; height: 17px;float: left; display: block; background: url("dh_home.png") center no-repeat; margin:19px 5px auto 15px;}
.navfix{position:fixed;top: 0px;background:rgba(0, 0, 0, 0.9); background:#100909\0; width:100%;z-index: 10000;}
@media \0screen\,screen\9 {/* 鍙敮鎸両E6銆�7銆�8 */
  .navfix{
    filter:Alpha(opacity=90);
    position:static; /* IE6銆�7銆�8鍙兘璁剧疆position:static(榛樿灞炴€�) 锛屽惁鍒欎細瀵艰嚧瀛愬厓绱犵户鎵緼lpha鍊� */
    *zoom:1; /* 婵€娲籌E6銆�7鐨刪aslayout灞炴€э紝璁╁畠璇绘噦Alpha */
  }
}

.main-navigation {
  /*display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0px 0px;
  /*padding-left: 100px;*/
	position: relative;margin: auto;
	height:100px;
	position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	background: url(../images/nav-shadowbg.png) top center no-repeat;
}
.main-navigation .wrap{display: flex;align-items: center;height: 100%;max-width:unset;width: 85.8%;}
.main-navigation .wrap #navbarNav{height: 100%;}
  .main-navigation > ul > li:hover > a {
    color: #2284bd; }
  .main-navigation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
	margin: 0px;
	padding:10px 0px;
}
    .main-navigation ul li {display: flex;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding: 0px 20px;
      margin: 0px;
      /* Dropdown Menu Styles */
      /* Last Element */ }
      /*.main-navigation ul li:first-child {padding-left: 0; }*/
      .main-navigation ul li:last-child {padding-right: 0; }
      .main-navigation ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        color: #ffffff;
        font-weight: 500;
        font-size: 16px;
        position: relative;}
.main-navigation ul li a:hover:before{content: ""; height: 5px; width:100%; background-color: #ffc227; position: absolute; bottom: -10px;}
/*.main-navigation ul li:hover .cr-dropdown-menu:before{content: ""; height: 5px; width:100%; background-color: #ffc227; position: absolute; top: 0px;}*/
.main-navigation ul li a:hover{color:#ffc227;}
      .main-navigation ul li.cr-dropdown {
        position: relative; }
        .main-navigation ul li.cr-dropdown > a:after {
          content: "\e6aa";
          font-family: "iconfont" !important;
          margin-left: 5px;
          line-height: 26px;
          display: inline-block; }
        .main-navigation ul li.cr-dropdown .cr-dropdown-menu {
          position: absolute;
          left: 0;
          top: calc(100% + 10px);
          width: auto;
          background: #ffffff;
          visibility: hidden;
          -webkit-transform: scaleY(0);
          -moz-transform: scaleY(0);
          -ms-transform: scaleY(0);
          -o-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transform-origin: 0 0;
          -moz-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          -o-transform-origin: 0 0;
          transform-origin: 0 0;
          -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -webkit-transition: all 0.3s ease-in-out 0s;
          -moz-transition: all 0.3s ease-in-out 0s;
          -ms-transition: all 0.3s ease-in-out 0s;
          -o-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
          z-index: 99; }
			.main-navigation ul li:nth-child(3).cr-dropdown .cr-dropdown-menu{width:auto;}
          .main-navigation ul li.cr-dropdown .cr-dropdown-menu li {
            display: block;
            padding: 0;
            position: relative;
            /* Sub Dropdown Menu */ }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li a {
              display: block;
              font-size: 14px;
              background: #ffffff;
              color: #001a2e;
              padding: 6px 20px;
              position: relative;
              font-weight: 400; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover > a {
              
              color: #ffc227; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a {
              position: relative; }
              .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a:after {
                content: "\f105";
                font-family: fontAwesome;
                position: absolute;
                right: 15px;
                top: 50%;
                height: 30px;
                line-height: 30px;
                margin-top: -15px;
                font-size: 14px; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li ul {
              position: absolute;
              left: 100%;
              top: 0;
              width: 250px;
              -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              z-index: 2;
              -webkit-transition: all 0.3s ease-in-out 0s;
              -moz-transition: all 0.3s ease-in-out 0s;
              -ms-transition: all 0.3s ease-in-out 0s;
              -o-transition: all 0.3s ease-in-out 0s;
              transition: all 0.3s ease-in-out 0s;
              -webkit-transform: scaleY(0);
              -moz-transform: scaleY(0);
              -ms-transform: scaleY(0);
              -o-transform: scaleY(0);
              transform: scaleY(0);
              -webkit-transform-origin: 0 0;
              -moz-transform-origin: 0 0;
              -ms-transform-origin: 0 0;
              -o-transform-origin: 0 0;
              transform-origin: 0 0;
              background: #fff; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover ul {
              visibility: visible;
              -webkit-transform: scaleY(1);
              -moz-transform: scaleY(1);
              -ms-transform: scaleY(1);
              -o-transform: scaleY(1);
              transform: scaleY(1); }
      .main-navigation ul li:hover a:before {
        width: 100%; }
.main-navigation ul li li a:hover:before{display: none;}
      .main-navigation ul li:hover .cr-dropdown-menu {
        visibility: visible;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1); }
      .main-navigation ul li.last-elements .cr-dropdown-menu {
        right: 0;
        left: auto; }
        .main-navigation ul li.last-elements .cr-dropdown-menu .cr-sub-dropdown-menu {
          left: auto;
          right: 100%;
          background: #fff; }
    .main-navigation ul ul {
      display: block;
      background: #fff; }
.main-navigation ul li.cr-dropdown .cr-dropdown-menu li {height:auto;padding: 0 1rem;}
.main-navigation ul li.cr-dropdown .cr-dropdown-menu li a{text-align: left;padding: 0px 20px;height: 40px;line-height: 40px;white-space: nowrap;    border-top: 1px solid #edeef0;}
.main-navigation ul li.cr-dropdown .cr-dropdown-menu li:nth-child(1) a{border:0px;}

.main-navigation.headFlex ul li a{color:#333;}
.main-navigation.headFlex ul li a:hover{color:#ffc227;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-navigation ul li {
    padding: 0 17px; } }

@media screen and (max-width: 1023px){
	.header_logo{ padding: 0px;}
	.nav{display: none;}
	.h_desc h3{font-size: 12px;/*font-family: fantasy;*/padding-top: 10px;text-transform: capitalize;}
	.h_desc h3 em{font-size: 22px;}
	.h_desc h5{font-size:14px;color: #333333;font-weight: 500;padding: 0px; display: none;}
	.head_r{display: none;}
}

/*************************** banner ***************************/
.home-banner{max-height: 100vh;}
.home-banner .container{display: flex;     justify-content: center;}
.home-banner h1 {
	font-weight: bold;
	font-size: 38px;
	text-align:center;
	text-shadow: 1px 1px 5px rgb(0 0 0 / 80%);
}
.home-banner h4 {
	font-size: 30px;
	text-align: center;
	margin-top:2rem;
	text-shadow: 1px 1px 5px rgb(0 0 0 / 80%);
}
.home-banner .more {
		margin-top: 50px;
	}
.home-banner .more a{display:flex;}
.home-banner .more span{color: #001a2e;border-color: #0066cc;background: #0066cc; font-size:14px;}
.home-banner .more span {
    display: inline-flex;
    align-items: center;
    height: 3rem;
    border: 1px solid transparent;
    transition: color 0.2s ease, border 0.2s ease, background 0.2s ease;
}
.home-banner .more .btn-text {
    padding: 0.9rem 2.6rem;
}
.home-banner .more:hover .btn-text{color: #0066cc;border-color: #0066cc;background: transparent;}
.home-banner .more .btn-addon {
    padding: 0.9rem 1.3rem;
    margin-left: 2px;
    font-size: 1.2rem;
}

.home-banner .swiper-button-prev{top:unset;left: unset;right: 20vw;bottom: 50px;background:none;}
.home-banner .swiper-button-next{top:unset;left: unset;right: calc(20vw - 80px);bottom: 50px;background:none;}
.home-banner .swiper-button-prev:before,.home-banner .swiper-button-next:before{font-family:"iconfont"; width:48px; height: 48px; display: flex;align-items: center;
    justify-content: center;background: #FFF; color:#333;  font-size:24px; border:2px solid #fff;}
.home-banner .swiper-button-prev:before{content: "\e613";}
.home-banner .swiper-button-next:before{content: "\e614";}
.home-banner .swiper-button-prev:hover:before,.home-banner .swiper-button-next:hover:before{color:#FFFFFF; background-color: transparent;}

.home-banner .swiper-slide{overflow: hidden;transform:translate3d(0,0,0);}
.home-banner .swiper-slide img{max-width:100%;}
.home-banner .swiper-slide img.ani{opacity: 1 !important;visibility: visible !important;}
.home-banner .swiper-slide .img{/*-webkit-animation: zoom 20s infinite;animation: zoom 20s infinite;*/
	/*animation: zoom-animation 7500ms linear infinite normal forwards;*/
	animation-name:zoom-animation;
	animation-duration:7500ms;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
@keyframes zoom-animation {
            0% { transform: scale(1); }
            100% { transform: scale(1.15); }
        }
.home-banner-m{display:none;}
.sp-slide .container{top:20%;}
/*.nybanner {
	width: 100%;
    overflow: hidden;
    margin: auto;
    height: 400px;
	position:relative;
	margin-bottom:0px;
}
.nybanner .content {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}*/
@media (max-width: 1199px) {
	.main-slider .container{margin-left:0px;left:0;}
	.sp-slide .container{top:0;}
	.banner__single__content p{display: none;}
}
@media (max-width: 767px) {
	.sp-slide .container{top:0;}
	.banner__single__content p{display: none;}
}

/*.bannerLeft{ width:60px; height:60px; position:absolute; left:5%; top:40%; display:block; background:url("bann_btn.png") 0px 0px no-repeat;}
.bannerRight{ width:60px; height:60px; position:absolute; right:5%; top:40%;display:block;background:url("bann_btn.png") -60px -0px no-repeat;}*/

/*闁氨鏁anner*/
.banner{position:relative;width:100%;height:auto;overflow:hidden; margin:0px auto 0px auto; margin-top:0px;}
.banner .swiper-wrapper{/*position:absolute;top:0px;left:0px;width:100%;height:650px;*/}
.banner .swiper-slide{text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		z-index: 10;
}
.banner .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.banner .swiper-slide .container {
    position: relative;
    width: 1200px;
    margin: 0px auto;
}
.nybanner img {
        display: block;
        width: 100%;
		max-width: 100%;
        height: 100%;
        object-fit: cover;
      }
/*.banner .contentInfo{display:none;overflow:hidden;position:absolute;top:50%;left:100px;width:675px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:8px;line-height:50px;font-size:40px;color:#fff;font-family:"瀵邦喛钂嬮梿鍛寸拨";}
.banner .contentInfo .info{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:70px;line-height:32px;font-size:20px;color:#fff;}
.banner .contentInfo .btn{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}*/
/*.banner .bannerNav{position:absolute;bottom:90px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav .bannerNavChild{margin:0 10px;width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.banner .bannerNav .bannerNavChild.on{background:#000;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}*/
.banner .pc-h{display:none !important;}
.banner-swiper-pagination{position:absolute; z-index: 15; bottom:60px !important;width: auto !important;    text-align: center;left: 0px;right: 0px;}
.banner-swiper-pagination .swiper-pagination-bullet{width:15px !important; height: 15px !important;}
.banner-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e02b3b !important;}


/*.banner .catesbox{width:100%; height:40px;position:absolute;left:0;bottom:0;background:url(neiNavBg.png) left top repeat-x; z-index: 100;}
.banner .catesbox .catesdiv{width:1200px;height:40px;margin:0 auto;}
.banner .catesbox .catesdiv .sel{border-bottom:2px solid #0985cc;height:38px;}
.banner .catesbox .catesdiv ul li{width:auto;height:40px;float:left;line-height:40px;text-align:center;}
.banner .catesbox .catesdiv ul li a{min-width:90px;height:40px;display:block;font-size:13px;color:#fff;font-family: microsoft yahei; padding:0px 10px;}
.banner .catesbox .catesdiv ul li a:hover{ background-color:#1BBC9B;}*/


/* Slider Zoom Effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1);
  }

  to {
    -moz-transform: scale(1.2, 1.2);
  }
}

@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1);
  }
  to {
    -o-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}
.bannernext {
	position: absolute;
	bottom: 20%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

.bannerimg {
	width: 22px;
	height: 30px;
	background: url(/images/icon/next.png) center no-repeat;
	cursor: pointer;
	-webkit-animation: mousewheels 1s 0.5s linear infinite;
	animation: mousewheels 1s 0.5s linear infinite;
}

@-webkit-keyframes mousewheels {
	0% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		opacity: 1
	}

	70% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1
	}
}

@keyframes mousewheels {
	0% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		opacity: 1
	}

	70% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1
	}
}
@media (max-width: 1920px){
.banner .content {background-size: auto;background-position: unset;}
}

@media screen and (max-width: 1900px){
	.banner .content{background-position: unset;}
	.banner .content{background-size: cover;background-position: 60% top;}
	.banner .contents .content:nth-of-type(1){background-position:center top;}
	.banner .contents .content:nth-of-type(2){background-position:center top;}
	.nybanner .content{background-position: unset;}
}

.site-banner {
	position: relative;
	display: block;
	height: 100vh; 
	width: 100vw;
	max-width: 100%;
	background-color: #191c1c;
	overflow: hidden;
	z-index: 2;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.site-banner canvas {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1
}
.site-banner .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .25;
	z-index: 0
}



.site-banner .hero-video {
	position: absolute;
	display: block;
	height: 100%;
	height: 100vh;
	width:100%;
	width: 100vw;
	min-height: 28.125rem;
	overflow: hidden;
	z-index: -100
}

.site-banner .banner {
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom
}

@media screen and (min-width:960px) {
.site-banner .banner {
	display: none
}
}
.site-banner .banner-txt {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 1
}
.site-banner .banner-txt .container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: Tungsten Light;
	padding: 0 5%;
	color: #fff;
	text-transform: uppercase;
	text-align: center
}
.site-banner .banner-txt .container .intro {
	font-size: 3.125rem;
	line-height: 3.125rem
}

@media screen and (min-width:576px) {
.site-banner .banner-txt .container .intro {
	font-size: 4.6875rem;
	line-height: 4.6875rem
}
}

@media screen and (min-width:660px) {
.site-banner .banner-txt .container .intro {
	font-size: 6.25rem;
	line-height: 6.25rem
}
}

@media screen and (min-width:960px) {
.site-banner .banner-txt .container .intro {
	font-size: 7.5rem;
	line-height: 7.5rem
}
}

@media screen and (min-width:1200px) {
.site-banner .banner-txt .container .intro {
	font-size: 9.375rem;
	line-height: 9.375rem;
	margin-bottom:15px;
}
}
.site-banner .banner-txt .container .services-txt {
	position: relative;
}
.site-banner .banner-txt .container .services-txt span {
	position: inherit;
	font-size: .75rem;
	
}
.site-banner .banner-txt .container .services-txt span.spacing {
	padding: 0 2px;
	opacity: .5
}

@media screen and (min-width:576px) {
.site-banner .banner-txt .container .services-txt span.spacing {
	padding: 0 4px
}
}

@media screen and (min-width:660px) {
.site-banner .banner-txt .container .services-txt span.spacing {
	padding: 0 12px
}
}

@media screen and (min-width:960px) {
.site-banner .banner-txt .container .services-txt span.spacing {
	padding: 0 10px
}
}

@media screen and (min-width:576px) {
.site-banner .banner-txt .container .services-txt span {
	font-size: .875rem;
	letter-spacing: 2px
}
}

@media screen and (min-width:660px) {
.site-banner .banner-txt .container .services-txt span {
	font-size: .9375rem;
}
}

@media screen and (min-width:960px) {
.site-banner .banner-txt .container .services-txt span {
	font-size: 1.25rem
}
}

@media screen and (min-width:1200px) {
.site-banner .banner-txt .container .services-txt span {
	font-size: 1.5rem;
	font-size:16px;
}
}
.site-banner .banner-txt .container .herobuttons {
	font-family: Neutraface Demi;
	margin-top: 37px
}

@media screen and (max-width:960px) {
.site-banner .banner-txt .container .herobuttons {
	margin-top: 23px
}
}

@media screen and (max-width:576px) {
.site-banner .banner-txt .container .herobuttons {
	margin-top: 32px
}
}

.site-banner .content-box{
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
}

.site-banner .content-box{display: table;width: 100%;height: 100%;position: absolute;z-index: 100;}
.site-banner .content-box .box-cell{display: table-cell;vertical-align: middle;width: 100%;height: auto;}
.site-banner .content-box .container{height: auto; text-align: center;}
.site-banner .content-box .container h2{font-size: 3rem;line-height: 1;font-weight: 100;margin-bottom: 50px;text-transform: uppercase; color:#fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.8); font-weight: bold;    letter-spacing: 5px;}
.site-banner .content-box .container p {padding: 0 15%;font-size: 34px;line-height: 34px;margin: 0; color:#fff;color:#fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.site-banner .content-box .container .more{    margin-top: 90px;}
.site-banner .content-box .container .more a{color: #fff;}
.site-banner .content-box .container .btn-lx{position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: Neutraface Bold;
    font-size: 1rem;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding:10px 40px;
    border-radius: 10rem;
    outline: 0;
    z-index: 0;
    white-space: nowrap;
    letter-spacing: 2px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;}
.site-banner .content-box .container .more:hover{color: #df1f26;}
.site-banner .content-box .container .more:hover .btn-lx{background:#fff; z-index: 1;}
.site-banner .content-box .container .more a:hover{color: #df1f26;}
.btn-lx:after {
    background: #f44336;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 10rem;
    opacity: 0;
    z-index: -2;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.btn-lx:hover:after{top: -19%;
    left: -9px;
    height: 138%;
    width: calc(100% + 18px);
    opacity: .4;
}

.btn-lx .filler {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
	border-radius: 10rem;
	z-index: -1
}
.btn-lx .filler:after {
	background: #fff;
	content: '';
	height: 100%;
	width: 0;
	position: absolute;
	top: 0;
	left: -10px;
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
	-webkit-transition: all .4s;
	transition: all .4s;
	z-index: -1
}
.btn-lx:hover .filler:after {
	width: 112%
}

/*************************** banner ***************************/

.jumbotron{height:620px;display: flex;align-items: center;justify-content: center;}
.jumbotron .container{max-width:60%;}
.jumbotron h1{font-size: 2.2rem; line-height: 3rem; font-weight: bold;text-shadow: 1px 1px 5px rgb(0 0 0 / 20%);margin-top: 34px !important;margin-bottom: 20px;}
.jumbotron p{font-size: 1.4rem; max-width:800px; line-height: 34px;text-shadow: 1px 1px 5px rgb(0 0 0 / 60%);padding-bottom: 0px; margin:auto;font-weight: 500;letter-spacing: 12px;}
.jumbotron .container{text-align: center;margin: 0;}
.jumbotron.nybanner-prod .container{    background: rgb(255 255 255 / 65%);padding: 20px;border-radius: 10px}
.jumbotron.nybanner-prod h1{color:#000;text-shadow: 0px 0px 5px #fff;}
.jumbotron.nybanner-prod p{color: #000;text-shadow: 0px 0px 5px #fff;font-size: 24px;}


.page-num, .page-link{color: #005aab;}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #005aab;
    border-color: #005aab;
}
.pagination a.page-link{font-size:14px;}
.pagination .page-num,.pagination .page-link{padding: 5px 10px;margin: 0px 5px;font-size: 12px;}
/*============================================
contact-section 栏目
===========================================*/
.contact-section{position:relative;padding:0px 0px; height:390px; overflow: hidden; position:relative;background-repeat: no-repeat; background-position: center;}
.contact-section .wrap{display:flex; flex-direction: column;align-items: center;height: 100%;justify-content: center;}
.contact-cont{max-width:700px;}
.contact-cont h3{font-size:2rem; color:#FFFFFF; font-weight: bold;text-align: center;}
.contact-cont p{font-size:18px; color:#FFFFFF;text-align: center;margin-top:10px;}
.contact-section .btn2 a{display: flex;}
.contact-section .btn2 span{background: #ffc227;margin-top:20px;color:#001a2e;}
.contact-section .btn2:hover .btn-text{color: #ffc227;border-color: #ffc227;}

#wrapper > section, #wrapper > div > section {
    overflow: hidden;
}
#wrapper > section, #wrapper > div > section {
    clear: both;
    position: relative;
}
.special-heading1 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
}
.text-center {
    text-align: center!important;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}

.ls {
    color: #222222;
}
.ls h3.special-heading1 {
    color: #333333;
    padding-top: 80px;
    padding-bottom: 0px;
}



section .top-subtitle {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom: 10px;
	margin-top: 5px;
	text-transform: uppercase;
	color:#333;
}

section .top-subtitle.text-center {
	margin-top: 0;
}

.special-heading {
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 40px;
    position: relative;
}

.special-heading:after {
    background-color: #00913a;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 70px;
}
.special-heading.text-center:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}



/*首页产品*/
.program-section {
    background: #f9f9f9;
    z-index: 20;
	padding:30px 0px;
}


/*切换箭头*/
.program-section .owl-carousel .owl-nav,
.surgical-section .owl-carousel .owl-nav,
.testimonials-section .owl-carousel .owl-nav {
	top: 44%;
}

.program-section .owl-carousel .owl-dots,
.surgical-section .owl-carousel .owl-dots,
.testimonials-section .owl-carousel .owl-dots {
	display: none;
}

@media (max-width: 1250px) {
	.program-section .owl-carousel .owl-dots,
	.surgical-section .owl-carousel .owl-dots,
	.testimonials-section .owl-carousel .owl-dots {
		display: block;
	}
}

.program-section .owl-carousel .owl-nav,
.surgical-section .owl-carousel .owl-nav,
.testimonials-section .owl-carousel .owl-nav {
	top: 44%;
}

@media (max-width: 1250px) {
	.program-section .owl-carousel .owl-nav,
	.surgical-section .owl-carousel .owl-nav,
	.testimonials-section .owl-carousel .owl-nav {
		display: none;
	}
}

.program-section .owl-carousel .owl-nav .owl-prev,
.surgical-section .owl-carousel .owl-nav .owl-prev,
.testimonials-section .owl-carousel .owl-nav .owl-prev {
	left: -17%;
	opacity: 1;
}

@media (max-width: 1650px) {
	.program-section .owl-carousel .owl-nav .owl-prev,
	.surgical-section .owl-carousel .owl-nav .owl-prev,
	.testimonials-section .owl-carousel .owl-nav .owl-prev {
		left: -8%;
	}
}

@media (max-width: 1400px) {
	.program-section .owl-carousel .owl-nav .owl-prev,
	.surgical-section .owl-carousel .owl-nav .owl-prev,
	.testimonials-section .owl-carousel .owl-nav .owl-prev {
		left: -4%;
	}
}

.program-section .owl-carousel .owl-nav .owl-prev:hover i,
.surgical-section .owl-carousel .owl-nav .owl-prev:hover i,
.testimonials-section .owl-carousel .owl-nav .owl-prev:hover i {
	color: #006a93;
}

.program-section .owl-carousel .owl-nav .owl-prev i,
.surgical-section .owl-carousel .owl-nav .owl-prev i,
.testimonials-section .owl-carousel .owl-nav .owl-prev i {
	color: #333333;
	font-size: 30px;
}

.program-section .owl-carousel .owl-nav .owl-prev i:before,
.surgical-section .owl-carousel .owl-nav .owl-prev i:before,
.testimonials-section .owl-carousel .owl-nav .owl-prev i:before {
	content: "\f104";
}

.program-section .owl-carousel .owl-nav .owl-prev.disabled,
.surgical-section .owl-carousel .owl-nav .owl-prev.disabled,
.testimonials-section .owl-carousel .owl-nav .owl-prev.disabled {
	opacity: 1;
}

.program-section .owl-carousel .owl-nav .owl-next,
.surgical-section .owl-carousel .owl-nav .owl-next,
.testimonials-section .owl-carousel .owl-nav .owl-next {
	opacity: 1;
	right: -17%;
}

@media (max-width: 1650px) {
	.program-section .owl-carousel .owl-nav .owl-next,
	.surgical-section .owl-carousel .owl-nav .owl-next,
	.testimonials-section .owl-carousel .owl-nav .owl-next {
		right: -8%;
	}
}

@media (max-width: 1400px) {
	.program-section .owl-carousel .owl-nav .owl-next,
	.surgical-section .owl-carousel .owl-nav .owl-next,
	.testimonials-section .owl-carousel .owl-nav .owl-next {
		right: -4%;
	}
}

.program-section .owl-carousel .owl-nav .owl-next:hover i,
.surgical-section .owl-carousel .owl-nav .owl-next:hover i,
.testimonials-section .owl-carousel .owl-nav .owl-next:hover i {
	color: #006a93;
}

.program-section .owl-carousel .owl-nav .owl-next i,
.surgical-section .owl-carousel .owl-nav .owl-next i,
.testimonials-section .owl-carousel .owl-nav .owl-next i {
	color: #333333;
	font-size: 30px;
}

.program-section .owl-carousel .owl-nav .owl-next i:before,
.surgical-section .owl-carousel .owl-nav .owl-next i:before,
.testimonials-section .owl-carousel .owl-nav .owl-next i:before {
	content: "\f105";
}

.program-section .owl-carousel .owl-nav .owl-next.disabled,
.surgical-section .owl-carousel .owl-nav .owl-next.disabled,
.testimonials-section .owl-carousel .owl-nav .owl-next.disabled {
	opacity: 1;
}

.program-section .owl-carousel .owl-nav .owl-next.disabled i,
.surgical-section .owl-carousel .owl-nav .owl-next.disabled i,
.testimonials-section .owl-carousel .owl-nav .owl-next.disabled i {
	color: #a4a9b9;
}

.program-section .owl-carousel .owl-stage {
	padding: 5px 0;
}

.program-section .owl-carousel .owl-nav {
	top: 51%;
}
/*切换箭头*/

.owl-carousel {
    display: none;
    position: relative;
    -webkit-tap-color-main-color: transparent;
    touch-action: manipulation;
    width: 100%;
    z-index: 1;
	/*overflow: hidden;*/
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}




.owl-theme .owl-nav {
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    -webkit-tap-color-main-color: transparent;
    text-align: center;
    top: 25%;
}

.owl-theme .owl-nav > div {
	position: absolute;
	/*right: 10px;*/
	text-align: center;
}

.owl-theme .owl-nav .disabled {
	cursor: default;
	opacity: 0.5;
}

.owl-theme .owl-dots {
	margin-top: 40px;
}

.item-media .owl-theme .owl-dots {
	bottom: 50px;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
}

@media (max-width: 479px) {
	.item-media .owl-theme .owl-dots {
		bottom: 20px;
	}
}

/* .owl-center theme */
.owl-center .owl-nav {
	bottom: 0;
	margin-top: 0;
	opacity: 1;
	position: static;
	top: 0;
}

.owl-center .owl-nav > div {
	/*background-color: rgba(0, 106, 147, 0.6);*/
	bottom: 0;
	height: auto;
	margin: 0;
	right: -50px;
	top: 0;
	width: 50px;
}

.owl-center .owl-nav > div:first-child {
	left: -50px;
	right: auto;
}

.owl-center .owl-nav > div:first-child:after {
	left: 13px;
}

.owl-center .owl-nav > div:after {
	color: #fff;
	font-size: 20px;
	left: 17px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}

/*theme with nav at the top right corner*/
.top-right-nav .owl-nav {
	position: absolute;
	right: -1em;
	top: -55px;
}

.top-right-nav .owl-nav > div {
	background: transparent;
	min-width: 2em;
}

.top-right-nav .owl-nav > div:first-child {
	left: auto;
	right: 3em;
}

.top-right-nav .owl-nav > div i {
	font-size: 1em;
}

/*theme with text nav*/
.owl-text-nav .owl-nav {
	display: none;
	-webkit-tap-color-main-color: transparent;
	text-align: center;
}

@media (min-width: 1560px) {
	.owl-text-nav .owl-nav {
		display: block;
		left: -13vw;
		position: absolute;
		right: -13vw;
		top: 50%;
	}
}

@media (min-width: 1800px) {
	.owl-text-nav .owl-nav {
		left: -15vw;
		right: -15vw;
	}
}

.owl-text-nav .owl-nav > div {
	margin-top: -30px;
	position: absolute;
	right: 10px;
	text-align: center;
}

.owl-text-nav .owl-nav > div > span {
	display: block;
	font-weight: 900;
	line-height: 1;
}

@media (min-width: 1560px) {
	.owl-text-nav .owl-nav > div > span {
		font-size: 38px;
		line-height: 1;
		max-width: 5em;
	}
}

.small-gallery-carousel a {
	display: block;
	overflow: hidden;
}

.small-gallery-carousel a img {
	opacity: 0.4;
	transition: all 0.3s ease-in-out;
}

.small-gallery-carousel a:hover img {
	opacity: 0.2;
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.small-gallery-carousel .owl-nav > div {
	opacity: 1;
}

@media (min-width: 768px) {
	.small-gallery-carousel .owl-nav > div {
		margin-top: -8px;
		right: 100px;
	}

	.small-gallery-carousel .owl-nav > div:first-child {
		left: 100px;
	}
}

.small-gallery-carousel .owl-nav > div i {
	font-size: 20px;
}

/* owl images fix */
.owl-carousel .owl-item {
	opacity: 1;
	transition: opacity 0.2s ease 0.1s;
}

.owl-carousel .owl-item.active {
	opacity: 1;
}

.owl-center .owl-item {
	opacity: 1;
}



/*
**plugins
*/
/* Owl carousel v 2.1.6 styles */
/* Owl Carousel - Core */
.owl-carousel {
	display: none;
	position: relative;
	-webkit-tap-color-main-color: transparent;
	touch-action: manipulation;
	width: 100%;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel.owl-shadow-items .owl-stage {
	padding-bottom: 11px;
	padding-top: 11px;
}

.owl-carousel .owl-stage:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.owl-carousel .owl-stage-outer {
	/*margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;*/
	overflow: hidden;
	position: relative;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}


.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	float: left;
	min-height: 1px;
	position: relative;
	-webkit-tap-color-main-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item .box-shadow {
	height: 100%;
}

.owl-carousel .owl-item .vertical-item:hover{cursor:pointer;}
.owl-carousel .owl-item .box-shadow:hover{
	box-shadow: 10px 0px 15px 0 rgba(0, 0, 0, 0.2);
}

.owl-carousel .owl-item img {
	-webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	transition: all 0.3s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	display: block;
	opacity: 0;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	display: none;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.owl-carousel .owl-dots {
	line-height: 1;
	-webkit-tap-color-main-color: transparent;
	text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
	*display: inline;
	display: inline-block;
	zoom: 1;
}

.owl-carousel .owl-dots .owl-dot span {
	-webkit-backface-visibility: visible;
	background-color: transparent;
	border: 2px solid #ccc;
	border-radius: 50%;
	display: block;
	height: 10px;
	margin: 5px;
	opacity: 0.8;
	transition: all 200ms ease;
	width: 10px;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	border-color: #fea84b;
	opacity: 0.8;
}

.owl-carousel .owl-nav {
	transition: all 0.3s ease;
}

.owl-carousel .owl-nav > div {
	display: inline-block;
	opacity: 0.5;
	/*right: 10px;*/
	text-transform: uppercase;
}

.owl-carousel .owl-nav > div.disabled {
	cursor: default;
	opacity: 0.2;
}

.owl-carousel .owl-nav > div.disabled:hover {
	cursor: default;
	opacity: 0.2;
}

.owl-carousel .owl-nav > div:hover {
	opacity: 0.3;
}

@media (min-width: 768px) {
	.owl-carousel .owl-nav > div i {
		font-size: 54px;
	}
}

/* vertical media item */
.ds.ms .vertical-item {
	background-color: #006a93;
}

.vertical-item {
	background-color: transparent;
}

.vertical-item .item-media + .item-content {
	padding: 25px;
}

.vertical-item.content-padding .item-content {
	padding: 36px 40px;
}

.vertical-item.content-padding .item-content h5 {
	margin-bottom: 5px;
	margin-top: 0;
	text-transform: none;
	color:#222222;
}

.vertical-item.content-padding .item-content p {
	margin-bottom: 15px;
}

.vertical-item.content-padding .item-content .social-icons {
	color: #a4a9b9;
	margin-bottom: 0;
	opacity: 0.5;
}

@media (max-width: 1199px) {
	.vertical-item.content-padding .item-content {
		padding: 30px;
	}
}

.vertical-item.content-padding.padding-small .item-content {
	padding: 56px 57px 43px;
}

@media (max-width: 1200px) {
	.vertical-item.content-padding.padding-small .item-content {
		padding: 25px;
	}
}

.vertical-item.content-absolute {
	position: relative;
}

.vertical-item.content-absolute .item-content {
	bottom: 0;
	left: 0;
	padding: 20px 30px 30px;
	position: absolute;
	right: 0;
	z-index: 2;
}

.vertical-item.content-absolute.vertical-center .item-content {
	top: 0;
}

.vertical-item + .item-title {
	padding: 10px 30px;
}

.vertical-item + .item-title h2,
.vertical-item + .item-title h3,
.vertical-item + .item-title h4 {
	margin: 0;
}

/* item meta */
.item-meta {
	color: #fea84b;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.item-meta a {
	color: #fff;
}

.item-meta i {
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: 1em;
}

/* item media & item links */
.item-media {
	overflow: hidden;
	position: relative;
}

.item-media img {
	width: 100%;
}

.item-media.cover-image {
	height: 100%;
}

.media-links {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

.media-links div {
	margin-top: -30px;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 4;
}

.content-absolute .media-links div {
	display: flex;
	justify-content: center;
	margin-top: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.content-absolute .media-links div a {
	transition: all 0.35s ease 0.1s;
}

.content-absolute .media-links div a:hover {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.content-absolute .media-links div a:first-child {
	transition-delay: 0s;
}

blockquote.vertical-item {
	margin: 50px 0px;
	margin-right: 0;
	max-width: 100%;
	padding: 52px 60px;
}

@media (max-width: 545px) {
	blockquote.vertical-item {
		padding: 30px 25px;
	}
}

blockquote.vertical-item .small-text {
	display: flex;
}

.media-links:before {
	background-color: rgba(0, 106, 147, 0.2);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.2s linear;
}

[class*="-item"]:hover .media-links:before {
	opacity: 0.5;
}

.media-links a.abs-link {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

[class*="-item"]:hover .media-links a.abs-link {
	opacity: 1;
}

[class*="-item"] .links-wrap a {
	display: inline-block;
	font-size: 24px;
	height: 60px;
	line-height: 58px;
	opacity: 0;
	position: relative;
	text-align: center;
	top: -100px;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
	width: 45px;
	z-index: 5;
}

[class*="-item"] .links-wrap a.link-zoom {
	color: #fea84b;
}

[class*="-item"] .links-wrap a.link-zoom:hover {
	color: #006a93;
	opacity: 1;
}

[class*="-item"] .links-wrap a.link-anchor {
	color: #fea84b;
	transition-delay: 0.1s;
}

[class*="-item"] .links-wrap a.link-anchor:hover {
	color: #006a93;
	opacity: 1;
}

[class*="-item"] .links-wrap a:before {
	content: "\f002";
	font-family: "FontAwesome";
}

[class*="-item"] .links-wrap a.link-anchor:before {
	content: "\f041";
}

[class*="-item"]:hover .links-wrap a {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

[class*="-item"]:hover .media-links div {
	filter: alpha(opacity=100);
	opacity: 1;
}

.testimonial-item {
	margin: 0 auto;
	max-width: 1030px;
	width: 100%;
}

/* item icons */
.item-icons {
	font-size: 12px;
	margin-top: 35px;
}

.content-padding .item-icons {
	margin-top: 0;
}

.item-icons i {
	padding: 0 4px;
}

.item-icons .col {
	padding-bottom: 20px;
	padding-top: 15px;
	text-align: center;
}

.program-section .vertical-item {
    background-color: #fff;position: relative;margin: 0 15px;
}
.program-section .owl-nav div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.program-section .owl-carousel .owl-nav.disabled,.program-section .owl-carousel .owl-dots.disabled{display: block;}
.program-section .owl-nav .owl-prev{left:-40px;}
.program-section .owl-nav .owl-next{right:-40px;}
.program-section .owl-nav .owl-prev:before{content:"<";}
.program-section .owl-nav .owl-next:before{content:">";}

.program-section .vertical-item .item-content h5 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 15px;
	color: #222222;
}
.program-section .vertical-item .item-content h5 a{
	color: #222222;
}
.program-section .vertical-item .item-content p {
    margin-top: 20px;
    max-height: 73px;
    overflow: hidden;
}
.program-section .vertical-item .item-content .btn {
    margin-right: 0;
    margin-top: 14px;
}
.btn.btn-outline-maincolor1{
    color: #006a93;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.btn-outline-maincolor1 {
    background-color: transparent;
    border: 1px solid #ccc;
    padding: 16px 30px;
    display: table;
    font-size: 14px;
    border-radius: 0px;
	cursor: pointer;
}
.btn {
    border-radius: 3px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 4px;
    min-width: 180px;
    padding: 22px 39px;
    text-align: center;
    text-transform: uppercase;
}

.box-shadow {
    border-color: transparent;
	background-color: #ffffff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

/***************************首页产品***************************/

.footer {
    background-color: #f9f9f9;
    padding: 80px 0px 0px 0px;
	position: relative;
}
.footer .wrap{position: relative;width:83.8%;display: flex;}
.footer .foot-logo{display:flex; flex-direction: column;width: 280px; margin-right:auto; margin-left:0px;align-items: flex-start;}
.foot-logo .foot-400{font-family: var(--f3);
    font-size: 30px;
    line-height: 40px;
    color: #0426A1;
	font-weight: bold;
	padding:1rem 0px;
}
.foot-logo-desc{color:var(--text-dark-color) !important; font-size:var(--p1-size);}


.footer .foot-cols{margin-left:10rem; flex: 1; display:flex;justify-content: space-between;
}
.foot-cols dl{}
.foot-cols dt{color: #333333;
    font-size: 18px;
    display: block;
    margin-bottom: 38px;
	font-size: 20px;
    font-family: hwhm-b;}
.foot-cols dd{}
.foot-cols dd a{display: block;
    color: #666666;
    transition: all .3s;
    margin-bottom: 1.2vw;
    font-size: 16px;
    line-height: 20px;
    font-family: hwhm-l;}
.foot-cols dd a:hover {
    color: #0426A1;
    font-family: hwhm-b;
}

/*.foot-solution{}
.foot-solution dd{display:flex; flex-wrap: wrap; justify-content: space-between;}
.foot-solution dd a{width:calc((100% / 2) - 1rem);}*/

.f-ewm{position:absolute; bottom: 0px;right: -20px;max-width: 280px;display: flex;}
.f-ewm div{width:130px; margin-left: 10px; display: flex;flex-direction: column; font-size: 16px;align-items: center;}
.f-ewm img{max-width: 130px;}

.col-bottom{width:100%; height: auto; background:var(--color1); color:#FFFFFF; display: flex;margin-top: 3rem;}

footer p, footer a {
   /* color: #ffffff;*/
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.siteicp{display: flex;align-items: center;justify-content: center; margin-left:3rem;}
.siteicp a{display:flex; color:#FFFFFF;}
.siteicp a:hover{color:#FFC600;}

.sitecopyright{display: flex;justify-content: center;align-items: center;color: #fff;font-size: 14px;padding: 20px 0px 20px 0px;}

.social{margin-top:0px;display: flex;align-items: center; color:#FFFFFF; margin-right:0px; margin-left:auto;margin-top: 0px;}
.social a{padding:0px 10px; color:#FFFFFF;}
.social a i{font-size:28px;}
.social a i.icon-weibiaoti504{font-size:45px;}
.foot-bottom-info{font-size: 14px;display:flex; justify-content: space-between;}
.foot-bottom-info a{color: #ffffff;}
.bottom-copyright{text-align: left;color:#64717f;}
.bottom-links{margin-top:0px;display: flex;align-items: center;}
.bottom-links a{padding:0px 10px;line-height: 0;}
.bottom-links a i{font-size:28px;color: #ffc227;}
.bottom-links a i.icon-weibiaoti504{font-size:45px;line-height: 0.3;}



#totop {
  position: fixed;
  cursor: pointer;
  right: 30px;
  bottom: 30px;
  height: 45px;
  width: 45px;
  line-height: 44px;
  z-index: 100;
  text-align: center;
  background: #005bab;
  color: #ffffff;
  font-size: 22px;
  border-radius: 100%;
  border: 2px solid rgb(255 255 255 / 90%);
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -webkit-animation: bounceIn 0.8s ease-in-out 1 both;
  -moz-animation: bounceIn 0.8s ease-in-out 1 both;
  -ms-animation: bounceIn 0.8s ease-in-out 1 both;
  -o-animation: bounceIn 0.8s ease-in-out 1 both;
  animation: bounceIn 0.8s ease-in-out 1 both; }

#totop i{font-size:30px;}


div#content {
    display: block;
    width: 100%;
	overflow:hidden;
}



nav#menu-footer ul>li {
    display: inline-block;
    width: 100%;
    /* flex: 0 0 50%; */
}

nav#menu-footer ul>li a
{color: #ffffff;font-size: 13px;font-weight: 300;line-height: 22px;}

nav#menu-footer ul {
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    column-count: 2;
    column-gap: 0;
}



.gwab{display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.gwab a{display:flex; color:#FFFFFF;}
.gwab a:hover{color:#FFC600;}
.gwab a:before{content:url("../images/gaba.png");}


.foot-qr-items{
	width: 100%;
	margin-left:0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;    justify-content: center;margin-top: 0px;}
.foot-qr-item{position: relative; margin-bottom:0px;margin-top: 0px; margin-left:1rem;}
.foot-qr-item i{font-size:24px;}
.foot-qr-item i.icon-shejiaoweixin{font-size:34px;}

.foot-qr-icon{width:50px; height: 50px;     background: hsl(0deg 0% 100% / 10%); display:flex;margin-right: 2px;align-items: center;justify-content: center;}
.foot-qr-icon:before{font-family: "iconfont";content:"";font-size:25px;color:#ffffff;}
.foot-qr-gzh-icon:before{content:"\e63c";}
.foot-qr-qywx-icon:before{content:"\e7de";}
.foot-qr-qq-icon:before{content:"\e677";}
.foot-qr-dy-icon:before{content:"\e8db";}
.foot-qr-apple-icon:before{content:"\e6a5";}
.foot-qr-an-icon:before{content:"\e6a2";}
.foot-qr-url-icon:before{content:"\e718";}
.foot-qr-item:hover .foot-qr-img{display:block;}
.foot-qr-item .foot-qr-img{display:none;
    position: absolute;
	font-size: 14px;
    text-align: center;
    top: -160px;
    left: 0px;
    width: 140px;
    height: 160px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.foot-qr-item .qr-img img{max-width:100%;}
.foot-qr-img img{max-width:120px;}




@media screen and (max-width: 1920px)
{
	.sy-content-wrapper{padding: 0px 6vw;}
}
@media screen and (max-width: 1600px)
{
	.wrap{max-width: 1400px;}
	.main-navigation .wrap{padding: 0px 0px;max-width: 1400px;}
	.sy-content-wrapper{padding: 0px 2vw;}
	.jumbotron{height:450px;}
	.nybanner .content{background-position: center;}
	.swiper-slide.swiper-img3 .content-box .container p{padding-left:35vw;}
}
@media screen and (max-width: 1440px)
{
	.wrap{max-width:1280px;}
	.jumbotron{height:400px;}
	.sy-content-wrapper{padding: 0px 20px;}
	.top_bar_c .wrap{max-width:1280px;}
	.main-navigation .wrap{max-width:1280px;}
	.main-navigation ul li{padding: 0px 15px;}
	.main-navigation ul li a{font-size:15px;}
}
@media screen and (max-width: 1366px)
{
	.sy-content-wrapper{padding: 0px 20px;}
	.wrap{width:1200px;max-width:1200px;}
	.main-boxs .container{max-width:1200px;}
	.products-section .wrap{max-width: 1280px;}
	.station .container{max-width:1200px;}
	/*.main-navigation ul li{padding: 0px 5px;}*/
	.banner.nybanner{height:auto;}
	.banner.nybanner .banner{height:auto;}
	.swiper-slide.swiper-img3 .content-box .container p{padding-left:40vw;}
	
}
@media screen and (max-width: 1280px)
{
	.top_bar_c .wrap{max-width:1200px;}
	.main-navigation .wrap{max-width:1200px;}
	.main-navigation ul li a{font-size:14px;}
	.swiper-slide.swiper-img3 .content-box .container p{padding-left:45vw;}
	.jumbotron{heiht:300px;}
}
@media screen and (max-width: 1200px)
{
	.products-section .wrap{max-width: 1200px;}
	.sy-content-wrapper{padding: 0px 0px;}
	.main-navigation ul li{padding: 0px 10px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) 
{
	.main-navigation .wrap{max-width:calc(100% - 10px);}
	.wrap{max-width:1024px;}
	.header_t{display: none;}
	.sy-content-wrapper{padding: 0px 0px;}
	.swiper-slide.swiper-img3 .content-box .container p{padding-left:35vw;}
}

@media screen and (max-width: 1024px){.navbar-nav{display: none !important;}}
@media screen and (max-width: 1023px){
	html {/*font-size: 62.5%;*//*10 ÷ 16 × 100% = 62.5%*/}
	body {/*font-size: 1.4rem;*//*1.4 × 10px = 14px */}
	/*.main-navigation{display:none !important;}*/
	header.head{background: none;position: relative;top: 0;left: 0;}
	.navbar.headfix{position:fixed;width: 100%;background: #ffffff;z-index: 100; box-shadow: 0px 0px 5px #000;box-shadow: 5px 5px 15px hwb(0deg 0% 100% / 15%);}
	.main-navigation{position:relative; background: none;height: 80px; border-bottom: 1px solid #E2E2E2;}
	.main-navigation .wrap{max-width: unset;padding: 0px 3vw;}
	.main-navigation ul li a {color: #333;}
	.navbar .logo-w{display: none;}
	.navbar .logo-sm-height{display:block;}
	.navbar.headFlex, .navbar.ny.headFlex{position: fixed !important;}
	.head-sitename{display: none;}
	.head:after{display:none;}
	.head-desc{top: 10px;}
	.head .sy-content-wrapper{height: 100px;    background: rgb(0 0 0 / 50%);}
	.navbar-name{/*display:none !important;*/}
	.navbar-name-m{display:flex;flex-direction: column;}
	.navbar-name-m h3{font-size:22px; font-weight: bold;color:#000;margin: auto;}
	.navbar-name-m h5{font-size:9px; font-weight: 300;color:#000; text-transform: capitalize;margin: auto;}
	.banner .bannerNav{bottom: 50px;}
	.banner{height:auto;}
	.banner .pc-h{display:block !important;}
	.banner .pc-s{display:none !important;}
	.banner .swiper-slide .container{max-width:100%;    width: 100%;}
	.banner .content-box .container h2{font-size: 3.4rem;margin-top: 270px;}
	.banner .content-box .container p{line-height: 2rem; font-size:1.8rem; padding:0px 10vw;}
	.banner .content-box{display:flex;}
	
	.home-banner h1{font-size:2rem;text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);}
	.home-banner h4{font-size: 1.5rem;padding: 0px 10vw;text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);line-height: 1.9rem;}
	.home-banner .more{display:none;}
	
	
	.bannernext{position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);z-index: 100;display: none;}
	.bannerimg{width: 22px;height: 30px;background: url(/images/icon/next.png) center no-repeat;cursor: pointer;-webkit-animation: mousewheels 1s 0.5s linear infinite;animation: mousewheels 1s 0.5s linear infinite;}
	@-webkit-keyframes mousewheels{
		0%{opacity:1}
		50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}
		70%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1}
		100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
	@keyframes mousewheels{
		0%{opacity:1}
		50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}
		70%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1}
		100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}

	.nybanner.banner .content-box .container p{font-size:1.5rem;}
	.nybanner.banner .bannernext{display:none;}
	.banner.nybanner{height:auto;}
	.nybanner .btn{display:none;}
	.home-banner-pc{display:none;}
	.home-banner-m{display: block;/*height: auto;*/height: 100vw;}
	.home-banner .swiper-slide img{/*height:100%;width: auto;max-width: initial;*/width: 100%;    height: 100%;width: auto;max-width: initial;}
	
	.main-navigation{position: relative;background:none;}
	.navbar-brand .navbar-name{display:none !important;}
	.navbar-brand .navbar-name.navbar-name-m{display:block !important;}
	.main-navigation .navbar-name h3,.main-navigation .navbar-name h5{color:#333;}
	
	
	
	
	.site-banner{height: 80vh;}
	.site-banner .content-box .container p{font-size: 1.6rem;line-height: 1.5;}
	/*.cen_box_lxfs{display: none;}*/
	.wrap{width:100%; max-width: 100%;}
	.cen_box_lxfs{background: #023d81;}
	.c_lxfs_l {
	width: 100%;
    float: left;
    padding: 50px 20px 0px 20px;
    margin: auto;
	}
	
	.footer .footer-cont{flex-direction: column;}
	.footer .footer-cont-col{display: none;}
	#footer .foot-com{display: none;}
	#footer .foot-contact{display: none;}
	#footer .foot-col{display: none;}
	#footer .foot-qr{display:none;}
	.footer .footer-cont-lx{margin:auto; }
	.footer .footer-cont-lx:after{display: none;}
	
	.bottomCol{margin: 10px auto 20px 0px;}
	.footer-anli{display:none;}
	.footer-cont-item:nth-child(3){display:none;}
	
	
	.footer-cont-item.footer-ewm{border:0px; padding:0px; margin: auto;}
	.footer-list h5{text-align:center;}
	.bottomCol .FooterEwm{display: none;}
	.c_lxfs_link{padding: 15px;}
	.footer-cont{display: none;}
	.footer{padding: 20px 0px 20px 0px;overflow: hidden;width:100%;}
	.footer .footer-cont-logo{margin: auto;text-align: center;}
	.footer .footer-cont-logo h3{display:none;}
	
	.footer .wrap{flex-direction: column;/*display: none;*/}
	.footer .foot-logo{width:auto;}
	.foot-cols dl{display: none;}
	.footer-cont-item.footer-contact{width:100%; margin:auto; padding:0px;display:block;}
	.footer-cont-item{padding:0px; display: none;}
	.sy-content-wrapper.foot-bottom-items{margin-top:0px;}
	
	.foot-bottom-info{flex-direction:column;padding: 0px 15px;}
	.container-fluid.bg-info{background-color: #005bac!important;}
	.foot-bottom{margin-bottom: 70px;}
	.col-bottom{display: none;}
	footer#footer{padding: 0px 0px 50px 0px;margin-bottom: 20px;padding-top: 50px;}
	#footer .col-md-3{padding: 20px 50px !important;border-bottom: 1px solid rgb(255 255 255 / 10%);}
	.f-ewm{display: none;}
	
	.container-fluid .row {display: flex;}
	
	.bottomNav
{
	width:100%;
    height:90px;
	/*border:1px solid #0378bd;*/
	display: block;
	position: fixed;
    margin:auto;
	bottom:0px;
	left:0px;
	z-index: 10000;
	overflow:hidden;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#000000),to(#333333));
	background-image: -webkit-linear-gradient(#000000,#333333);
	background-image: -moz-linear-gradient(#000000,#333333);
	background-image: -ms-linear-gradient(#000000,#333333);
	background-image: -o-linear-gradient(#000000,#333333);
	background-image: linear-gradient(#000000,#333333);
}
.bottomNav ul
{
	width:100%;
	height:90px;
	float:left;
	margin: 1px 0 0 0;
	padding: 0px;
	overflow:hidden;
}
.bottomNav ul li
{
	width:33%;
	height:80px;
	float:left;
	list-style:none;
}
.bottomNav ul li span
{
	width:100%;
	height:100%;
	line-height:115px; 
	border-top:1px solid #333333;
	text-align:center;
	clear:both;
	display:block;
	border-right:1px solid #333333;
	color:#FFFFFF;
	font-size: 16px;
	margin:0px -1px 0px 0px;
}
	.bottomNav ul li:last-of-type(1) span{border-right:0px;}
.bNav_ico_home
{
	background:url(/images/icon/ico_home.png) center 10px no-repeat; 
}
.bNav_ico_phone
{
	background:url(/images/icon/ico_tel.png) center 10px no-repeat; 
	color:#FFF;
}
.bNav_ico_menu
{
	background:url(/images/icon/ico_col.png) center 10px no-repeat; 
}

.bottomNav ul li a
{
	width:100%;
	height:80px;
	float:left;
	/*background:#000000 url("bico_bg.jpg") center repeat-x;*/
	display:block;
	text-align:center;
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
}
.bottomNav ul li a:hover
{
	width:100%;
	height:80px;
	float:left;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#acacac),to(#111));
	background-image: -webkit-linear-gradient(#acacac,#111);
	background-image: -moz-linear-gradient(#acacac,#111);
	background-image: -ms-linear-gradient(#acacac,#111);
	background-image: -o-linear-gradient(#acacac,#111);
	background-image: linear-gradient(#acacac,#111);
	/*background:#000000 url("bico_bg_a.jpg") center repeat-x;*/
}
.bottom_box{ margin:10px auto; padding:10px 0; font:100 14px/2 microsoft yahei,simsun; color:#333; clear:both; text-align:center;}

.dh_mobile:before{
	content:url("ico_cd.png");
	position:fixed;	
	top: 28px;
	right: 20px;
	cursor:pointer;
	z-index: 100000;
}

.panel_box
{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background-color: rgba(0, 0, 0, 0.69);
}
.panel_box .panel_side
{
	position: absolute;
	right: 0;
	width: 50vw;
	height: 100%;
	color: #ECECEC;
	z-index: 10000;
}
.panel_side .e.show
{
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	-webkit-transform: translate3d(0px,0px,0px);	
}
.panel_side .e
{
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	-webkit-transform: translate3d(313px,0px,0px);	
}
.panel_side[widget="sidemenu"] {
display: none;
position: absolute;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
overflow-y: scroll;
}

.panel_side ul
{
	list-style:none;
	padding:0;
	margin:0;	
}
.panel_side ul li
{
	text-indent: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	margin: 0;
	overflow: visible;
	text-align: left;
	border-width: 0;
	border-top-width: 1px;
	font-weight: 700;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #555555;
	/*background-image: -webkit-gradient(linear,left top,left bottom,from(#050303),to(#0F0202));
	background-image: -webkit-linear-gradient(#050303,#0F0202);
	background-image: -moz-linear-gradient(#050303,#0F0202);
	background-image: -ms-linear-gradient(#050303,#0F0202);
	background-image: -o-linear-gradient(#050303,#0F0202);
	background-image: linear-gradient(#052e3e,#08536f);*/
	/*background-image: linear-gradient(#AA8E1E,#634C16);*/
	border-bottom: 1px #cccccc solid;
}
.panel_side ul li a
{
	color: #FFF;

    font-size: 1.1em;
    line-height: 2.5em;
    display: block;
    font-weight: 500;
    text-decoration: none;
}
.panel_btn_innerBox {
	display: block;
	position: relative;
	padding: 0;
	width:100%;
	margin:0px;
}

.panel_btn_innerBox .panel_btn_text
{
	text-align:left;
}
.panel_btn_text a
{
	padding: 1em 15px;
	display: block;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 1.5em;
}
.panel_btn_text a.closed
{
	/*font-family:"microsoft yahei";*/
}
.panel_btn_innerBox .panel_btn_icon
{
	top:15px;
	right: 10px;
	width:20px;
	position:absolute;
	/*background:url("/images/icon/view_list.png") center no-repeat;*/
	opacity: 0.5;
}
	
	.nav_u label{display: none;}
	.nav_u ul{padding-left:20px;}
	.panel_side ul li.nav_u ul li a{font-size: 1em;}
	.panel_side ul li.nav_u ul:last-child li:last-child{border-bottom: 0px;}
	#totop{bottom: 150px}
	
	.jumbotron .container{max-width: 80%;}
	.jumbotron{height:300px;display: none;}
	.jumbotron h1 {font-size: 3rem;margin-bottom: 15px;}
	.jumbotron p {font-size: 2rem;line-height: 2.6rem;}
	.jumbotron.nybanner-prod p{font-size: 1.5rem;}
	.main-navigation ul li a:hover:before{display:none;}
	
	
}

@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px)
{
	.head{padding: 20px 0px 20px 10px;}
	.header_logo{overflow: hidden;width: auto;}
	.header_logo:after{display: none;}
	.header_logo img{max-width: 100%;}
	/*.header_logo{background: url("/images/logo/logo-m.png") no-repeat;width: 186px;height: 50px;}*/
	.Footer02{display: none;}
	.bottomCol .FooterContact{max-width:inherit;}
	.c_lxfs_l{display: none;}
	/*.nybanner{height:200px;}
	.nybanner .content{background-size: cover;}*/
	
	.site-banner{height: 100vh;}
	.site-banner .content-box .container{margin-bottom: 5rem;}
	.site-banner .content-box .container h2{font-size: 2.8rem;}
	.site-banner .content-box .container p{font-size: 2rem;line-height: 1.5;}
	
	.banner-m.pc-h .swiper-slide{height:calc(100vh - 90px);    height: auto;background-size: cover;}
	.nybanner.banner .content-box .container h2{font-size:2.5rem;}
	.banner-m.pc-h .swiper-slide img{ /*display: none;*/}
	.banner_cp{display: none;}
	
	.banner .content-box .container h2{font-size: 3.4rem;font-size:2.5rem;margin-top: 150px;}
	.banner .content-box .btn{display:none;}
	
	.foot .foot-titles{padding: 0px 20px 50px 20px;}
	.foot .foot-titles h3{font-size: 30px;}
	.foot .foot-titles h5{font-size: 30px;}
	.foot-bottom-item{border-right: 0px solid #87898c;}
	.banner{margin-top: 0px;}
	.banner .content{background-size: cover;}
	
	.banner .l_img{width:80%;}
	
	.footer .footer-cont{padding: 50px 20px 30px 20px;}
	.footer .footer-cont .row{margin:auto;}
	.footer-cont-1 .footer-cont-1-desc{padding:0px;}
	.row.no-gutters .footer-cont-2{padding:0px;}
	.footer-cont-1-col{display: none;}
	.footer-cont-3{display: none;}
	.foot-bottom-items h5{display: block;}

	
	
	
}
@media screen and (max-width: 425px)
{
	.site-banner .content-box .container h2{font-size: 2.8rem;letter-spacing: 0px;}
	.site-banner .content-box .container p{font-size: 1.8rem;line-height: 1.5;padding: 0px 1rem;}
	.home-banner-m{height: 100vw;}
	.banner .content-box .container p{line-height: 2rem; font-size:1.8rem; padding:0px 5vw;}
}
@media screen and (max-width: 414px)
{
	.bannernext{    bottom: 50px;}
}
@media screen and (max-width: 375px)
{
	.banner .contents .content:nth-of-type(1){background-position:40% top;}
	.banner .contents .content:nth-of-type(2){background-position:40% top;}
	.banner .contents .content:nth-of-type(3){background-position:42% top;}
}
@media screen and (max-width: 320px)
{
	
}